new Vue({
    el: '#app',
    data: {
        topicName: '',
        topicList: [],
        queryTopicReq: {
            topic: ''
        },
        tablePage: {
            currentPage: 1,
            pageSize: 10,
            totalPage: 1
        },
        formLabelWidth: '120px'
    },
    mounted() {
        this.pageQueryTopicInfo();
    },
    methods: {
        pageQueryTopicInfo: function () {
            let data = {
                "topic": this.queryTopicReq.topic,
                "page": this.tablePage.currentPage,
                "size": this.tablePage.pageSize,
            };
            httpGet(pageQueryTopicInfo, data).then(resp => {
                if (isSuccess(resp)) {
                    this.topicList = resp.data.records;
                    this.tablePage.totalPage = resp.data.totalPage;
                    this.tablePage.currentPage = resp.data.currentPage;
                }
            })
        },
        handlePageChange: function (currentPage) {
            this.tablePage.currentPage = currentPage;
            this.pageQueryTopicInfo();
        }
    }
})